<template>
  <div>
    <!-- 4.1引入路由规则 -->
    <router-link to="/shouye">首页</router-link>
    <router-link to="/fenlei">分类</router-link>
    <router-link to="/dingdan">订单</router-link>
    <router-link to="/wode">我的</router-link> 

    <br />
    <h4>显示路由切换的页面↓</h4>
    <hr />
    <!--7 展示路由界面 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
}
</script>

<style scoped>
a {
  margin: 0 4px;
}
</style>
